<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=0,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>扫码推荐</title>
    <link rel="stylesheet" href="__WAPCSS__/share.css">
    <script src="__JS__/ios-web-app.js"></script>
    <script src="__WAPJS__/1.js"></script>
</head>
<body>
<div class="header">
    <a href="{:U('User/index')}"><img src="__IMG__/ex/back.png" alt=""></a>
    <h2>Chia sẻ</h2>
</div>
<div class="content">
    <div class="title">Gửi mã cho bạn bè</div>
    <div class="pic">
        <img src="{$QrCodeUrl}" alt="" style="max-height: 100%">
    </div>
    <div class="save">Sau quét đi những</div>
</div>
<div style="margin-top: 4.7rem;">
    <input type="text" id="url" value="{$url}" readonly style="width: 100%;border:0;background: transparent;padding: 0 20px;box-sizing: border-box;position:absolute;left:-9999px;">
    <div class="copy" style="cursor: pointer;margin-top: 30px;" onclick="" data-clipboard-target="#url">Copy link gửi cho bạn bè</div>
</div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/clipboard.js/2.0.0/clipboard.min.js"></script>
<script>
    var copyBtn = new ClipboardJS('.copy');
    copyBtn.on("success",function(e){
        alert('复制成功');
        e.clearSelection();
    });
    copyBtn.on("error",function(e){
        //复制失败；
        alert('复制失败');
    });
</script>
</html>
